(function ($) {

    var animenuToggle = document.querySelector('.animenu__toggle'),
        animenuNav = document.querySelector('.animenu_Cont'),
        animenuOverlay = document.querySelector('.animenu-overlay'),

        hasClass = function (elem, className) {
            return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
        },
        toggleClass = function (elem, className) {
            var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
            if (hasClass(elem, className)) {
                while (newClass.indexOf(' ' + className + ' ') >= 0) {
                    newClass = newClass.replace(' ' + className + ' ', ' ');
                }
                elem.className = newClass.replace(/^\s+|\s+$/g, '');
            } else {
                elem.className += ' ' + className;
            }
        },
        animenuToggleNav = function () {
            animenuOverlay.style.height = $(document).height() + "px";
            //console.log($(document).height());
            toggleClass(animenuToggle, "animenu__toggle--active");
            toggleClass(animenuNav, "animenu__nav--open");
            toggleClass(animenuOverlay, "animenu-overlay-open");
        }


    if (!animenuToggle.addEventListener) {
        animenuToggle.attachEvent("onclick", animenuToggleNav);
    }
    else {
        animenuToggle.addEventListener('click', animenuToggleNav);
    }

    //点击遮罩层，关闭菜单
    if (!animenuOverlay.addEventListener) {
        animenuOverlay.attachEvent("onclick", animenuToggleNav);
    }
    else {
        animenuOverlay.addEventListener('click', animenuToggleNav);
    }
})(jQuery);
